<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <title>物资云-产品技术规范详情页</title>
    <meta name="description" content="物资云">
    <meta name="Keywords" content="物资云">
    <link rel="icon" type="image/x-icon" href="./favicon.ico"/>
    <link rel="shortcut icon" type="image/x-icon" href="./favicon.ico"/>
    <link rel="stylesheet" href="static/css/common.css"/>
    <link rel="stylesheet" href="static/css/style.css"/>
</head>
<body>
<!--头部-->
<div class="header">
    <a class="logo" href="./index.html" title="物资云">
        <img class="logoImg" src="./static/images/logo/logo1.png" alt="物资云"/>
        <span class="lin"></span>
        <h2 class="logoTx">工业大数据平台   创新产品秀场  <br>第三方质量管控服务专家</h2>
    </a>
    <div class="headerSch">
        <ul class="headerSchTab" id="headerSchTab">
            <li data-type=0  class="current">找产品</li>
            <li data-type=1 >搜企业</li>
            <li data-type=2 >查标准</li>
        </ul>
        <form action="./404.html">
            <label class="placeholderLabel" id="placeholderLabel" for="Keyword"><i></i>请输入搜索关键字</label>
            <input type="hidden" id="searchType" value="0" name="searchType"/>
            <input type="text" id="Keyword" class="keyword" name="Keyword"/>
            <button type="submit">嗖一下</button>
        </form>
        <div class="hotwords">
            <span class="col666">热门搜索：</span>
            <a class="col999" href="javascript:;">流量计</a>
            <a class="col999" href="javascript:;">闸阀</a>
            <a class="col999" href="javascript:;">流量开关</a>
            <a class="col999" href="javascript:;">网络线</a>
            <a class="col999" href="javascript:;">架空绝缘电缆</a>
        </div>
    </div>
    <div class="headerR">
        <a class="i" href="./快速询价.html">快速询价</a>
        <a class="i" href="./VIP.html">VIP会员</a>
        <div class="loginState dis-i" id="loginState">
            <!--<div class="loginNot dis-i">-->
                <!--<a class="i" href="./smsLogin.html">登录</a>-->
                <!--<a class="i" href="./smsLogin.html">免费注册</a>-->
            <!--</div>-->
            <div class="loginSuccess dis-i pos-r">
                <a href="javascript:;" class="headUserName i">果果</a>
                <div class="headUserBox">
                    <ul class="headUserList">
                        <li class="huList1"><a href="./user-info.html"><span></span>账号管理</a></li>
                        <li class="huList2"><a href="./user-price-list.html"><span></span>我的询价</a></li>
                        <li class="huList3"><a href="./user-follow-goods.html"><span></span>我的关注</a></li>
                        <li class="huList4"><a href="./user-comment.html"><span></span>我的留言</a></li>
                        <li class="huList5"><a href="./user-download.html"><span></span>我的下载</a></li>
                        <li class="huList6"><a href="javascript:;"><span></span>退出</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<!--导航-->
<div class="nav">
    <div class="w pos-r">
        <ul class="clearfix navitems">
            <li><a href="./index.html">首页</a></li>
            <li class="current"><a href="./goods.html">通用产品</a></li>
            <li><a href="./price.html">价格查询</a></li>
            <li><a href="./supplier.html">供应商寻源</a></li>
            <li><a href="./newGoods.html">新品秀场</a></li>
            <li><a href="./standard.html">标准规范</a></li>
            <li><a href="./expert.html">专家智库</a></li>
        </ul>
    </div>
</div>
<div class="w clearfix">
    <div class="l twoW">
        <div class="goodsPan mt-10"><i></i><span>您所在的位置：</span><a href="./index.html">首页</a><a href="./goods.html">通用产品</a><a href="goods-list-dianlan.html">控制电缆</a>KVVP 0.45/0.75  2×0.75</div>
        <div class="goodsStandBox">
            <div class="gapTit">BDL01010001.3-2010【KVVP-22 0.45/0.75kV】
                <div class="r fz14 col999"><span>浏览：48次</span><button class="like"><em></em>关注</button></div>
            </div>
            <h1 class="fz14 col333"><span class="col448">【中文名称】：</span> 额定电压0.45/0.75kV 铜导体 聚氯乙烯绝缘 铜丝编织屏蔽 聚氯乙烯护套 控制电缆   </h1>
            <div class="goodsStandArticle" id="articleCont">

            </div>
            <div class="limitBox">
                <p class="col448 mt-60">试读已结束，如果需要继续阅读或下载＞</p>
                <div class="mt-30">
                    <a href="javascript:;" class="xiazai"><i></i>下载</a>
                    <a href="javascript:;" class="huiyuan"><i></i>加入会员，预览、下载本文</a>
                </div>
            </div>
        </div>
        <!--留言-->
        <div class="comment mt-30 mb-30">
            <div class="gapTit">留言<a href="javascript:;" class="addcomtBtn" onclick="addcomtTog()">写留言</a></div>
            <div class="addcomtBox">
                <textarea placeholder="为了保证健康的网络环境，留言将由网站筛选后显示，对所有人可见。"></textarea>
                <button type="button">提交留言</button>
            </div>
            <div class="commentList">
                <div class="commentItem">
                    <div class="commentportrait"><img src="http://image.qualityonline.com.cn/upload/user/20170928092538983.jpg" alt=""/></div>
                    <div class="commentMain">
                        <div class="col333 fz14 commentName">通菜 <span class="r col999 fz12 mr-15">2017-09-30</span></div>
                        <div class="commentCont">
                            这个规范写的还是挺到位的，也比较全面，个人觉得值得下载一看。这个规范写的还是挺到位的，也比较全面，个人觉
                            得值得下载一看。
                            <div class="commentReply"><span class="col333 mr-5 ml-10"><img src="./static/images/logo/logo3.png" alt="" class="l"/>系统回复：</span>  谢谢您的支持，我们会再接再厉！！！<div class="time">2013-15-15</div></div>
                        </div>
                    </div>
                </div>
                <div class="commentItem">
                    <div class="commentportrait"><img src="http://image.qualityonline.com.cn/upload/user/20170928092538983.jpg" alt=""/></div>
                    <div class="commentMain">
                        <div class="col333 fz14 commentName">通菜 <span class="r col999 fz12 mr-15">2017-09-30</span></div>
                        <div class="commentCont">
                            这个规范写的还是挺到位的，也比较全面，个人觉得值得下载一看。这个规范写的还是挺到位的，也比较全面，个人觉
                            得值得下载一看。
                            <div class="commentReply"><span class="col333 mr-5 ml-10"><img src="./static/images/logo/logo3.png" alt="" class="l"/>系统回复：</span>  谢谢您的支持，我们会再接再厉！！！<div class="time">2013-15-15</div></div>
                        </div>
                    </div>
                </div>
                <div class="commentItem">
                    <div class="commentportrait"><img src="http://image.qualityonline.com.cn/upload/user/20170928092538983.jpg" alt=""/></div>
                    <div class="commentMain">
                        <div class="col333 fz14 commentName">通菜 <span class="r col999 fz12 mr-15">2017-09-30</span></div>
                        <div class="commentCont">
                            这个规范写的还是挺到位的，也比较全面，个人觉得值得下载一看。这个规范写的还是挺到位的，也比较全面，个人觉
                            得值得下载一看。
                            <div class="commentReply"><span class="col333 mr-5 ml-10"><img src="./static/images/logo/logo3.png" alt="" class="l"/>系统回复：</span>  谢谢您的支持，我们会再接再厉！！！<div class="time">2013-15-15</div></div>
                        </div>
                    </div>
                </div>
                <div class="commentItem">
                    <div class="commentportrait"><img src="http://image.qualityonline.com.cn/upload/user/20170928092538983.jpg" alt=""/></div>
                    <div class="commentMain">
                        <div class="col333 fz14 commentName">通菜 <span class="r col999 fz12 mr-15">2017-09-30</span></div>
                        <div class="commentCont">
                            这个规范写的还是挺到位的，也比较全面，个人觉得值得下载一看。这个规范写的还是挺到位的，也比较全面，个人觉
                            得值得下载一看。
                            <div class="commentReply"><span class="col333 mr-5 ml-10"><img src="./static/images/logo/logo3.png" alt="" class="l"/>系统回复：</span>  谢谢您的支持，我们会再接再厉！！！<div class="time">2013-15-15</div></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="r pt-70">
        <div class="promoBar2 mb-25">
            <div class="promoBar2Til">历史版本</div>
            <ul class="plr-30 lin-30 mt-15 mb-20">
                <li><a href="javascript:;" class="col666">BDL01010001.3-2010</a><a href="javascript:;" class="col448 r">2010.05版</a></li>
                <li><a href="javascript:;" class="col666">BDL01010001.3-2010</a><a href="javascript:;" class="col448 r">2010.05版</a></li>
                <li><a href="javascript:;" class="col666">BDL01010001.3-2010</a><a href="javascript:;" class="col448 r">2010.05版</a></li>
                <li><a href="javascript:;" class="col666">BDL01010001.3-2010</a><a href="javascript:;" class="col448 r">2010.05版</a></li>
                <li><a href="javascript:;" class="col666">BDL01010001.3-2010</a><a href="javascript:;" class="col448 r">2010.05版</a></li>
            </ul>
        </div>
        <div class="promoBar1">
            <div class="promoBar1Til">猜你想找</div>
            <ul class="plr-30 lin-30 mt-15">
                <li><i>1</i><a href="javascript:;" class="col666">KVV  0.45/0.75kV  2×2.5</a></li>
                <li><i>2</i><a href="javascript:;" class="col666">KVV  0.45/0.75kV  2×2.5</a></li>
                <li><i>3</i><a href="javascript:;" class="col666">KVV  0.45/0.75kV  2×2.5</a></li>
                <li><i>1</i><a href="javascript:;" class="col666">KVV  0.45/0.75kV  2×2.5</a></li>
                <li><i>1</i><a href="javascript:;" class="col666">KVV  0.45/0.75kV  2×2.5</a></li>
            </ul>
        </div>
    </div>
</div>

<!--尾部-->
<div class="commfootT">
    <div class="w clearfix">
        <dl class="footAbout">
            <dt><a href="./about.html#introduce"><span></span>关于我们</a></dt>
            <dd><a href="./about.html#introduce">公司介绍</a></dd>
            <dd><a href="./about.html#Law">隐私与法律声明</a></dd>

            <dd><a href="./about.html#Agreement">服务协议</a></dd>
            <dd><a href="./about.html#recruit">人才招聘</a></dd>
        </dl>
        <dl class="footServe">
            <dt><a href="./platform.html#plat1"><span></span>平台服务</a></dt>
            <dd><a href="./platform.html#plat1">技术规范书</a></dd>
            <dd><a href="./platform.html#plat2">市场参考价格</a></dd>
            <dd><a href="./platform.html#plat3">供应商寻源</a></dd>
            <dd><a href="./platform.html#plat4">创新产品推介</a></dd>
            <dd><a href="./platform.html#plat5">大数据应用</a></dd>
            <dd><a href="./platform.html#plat6">价格预警与质量监管</a></dd>
        </dl>
        <dl class="footExap">
            <dt><a href="./example.html#exa1"><span></span>行业实例</a></dt>
            <dd><a href="./example.html#exa1">生产监造与到货验收</a></dd>
            <dd><a href="./example.html#exa2">典型设计选型与节能优化</a></dd>
            <dd><a href="./example.html#exa3">技术规范书编审</a></dd>
            <dd><a href="./example.html#exa4">招标控制价编审</a></dd>
        </dl>
        <dl class="footHelp">
            <dt><a href="./help.html#Notice"><span></span>帮助专区</a></dt>
            <dd><a href="./help.html#Notice">平台公告</a></dd>
            <dd><a href="./help.html#Help">使用帮助</a></dd>
            <dd><a href="./help.html#problem">常见问题</a></dd>
        </dl>
        <dl class="footContact">
            <dt><span></span>联系我们</dt>
            <dd>电话：0550-7622136</dd>
            <dd>工作时间：周一到周五 9点 ~ 18点</dd>
            <dd>在线客服：1054984630</dd>
            <dd>商务合作 : bd@wuzi.cn</dd>
        </dl>
        <div class="r t-c">
            <img src="./static/images/RQ.png" alt=""/><br>
            <span class="col999 fz14 mt-10 dis-i">微信公众号</span>
        </div>
    </div>
</div>
<div class="commfootB">
    <div class="w po-r">
        <img class="po-a" src="./static/images/logo/logo2.png" alt=""/>
        <div class="col707 po-a">版权所有：国信云联数据科技股份有限公司&nbsp;&nbsp;&nbsp;备案/许可证编号为：皖ICP备17025716号 <br>公司地址：安徽省天长市经济开发区天康大道北经五路东</div>
    </div>
</div>
<!--返回顶部-->
<div class="toTop"><a href="javascript:;" class="scrollTop"><img src="./static/images/toTop.png" alt=""/></a></div>
<script type="text/javascript" src="static/js/jquery.min.js"></script>
<script type="text/javascript" src="static/js/common.js"></script>
<script type="text/javascript">
var changeReadMore;
$(function(){
    /*
     * initImgW||initImgH 原始宽高  todo  !important
     * times 放大缩小倍数
     * baseNub 放大缩小基数
     * winW  窗口宽度
     * winH  窗口高度
     * docId ID
     * ratio 宽高比值
     * intnub 全局当前页数
     * docId 文章ID
     * pageNum  当前页
     * totalPage 总页数
     * pageFree  免费阅读数
     * addbool 是否请求并渲染完成
     * buildbool 是否建造完剩余盒子
     * rollNum 上次滚动量
     * JumpB 是否通过跳转触发滚动
     * actpageNum 当前页数
     * _URLB 下翻请求地址
     * _URLT 上翻请求地址
     * _URLG 跳转请求地址
     * */
    var initImgW=parseInt($('#imgWidth').val()) || 820,
            initImgH=parseInt($('#imgHeight').val()) || 920,
            times= 1,
            baseNub=100,
            winW = $(window).width(),
            winH = $(window).height(),
            docId = $('#docId').val(),
            pageNo = parseInt($('#pageNo').val()),
            totalPage = parseInt($('#totalPage').val()),
            pageFree = parseInt($('#pageFree').val()),
            addbool = true,
            buildbool = false,
            rollNum = 0,
            JumpB = false,
            actpageNum = 0,
            imgArr = [],
            _URLB = 'http://www.qualityonline.com.cn/doc/resource/next',
            _URLT = 'http://www.qualityonline.com.cn/doc/resource/last',
            _URLG = 'http://www.qualityonline.com.cn/doc/resource/go',
//            ratio=initImgW/initImgH;
            ratio=initImgW/initImgH;
    var logHtml = '<div class="limitBox"><p class="col448 mt-60">试读已结束，如果需要继续阅读或下载＞</p><div class="mt-30">' +
            ' <a href="javascript:;" class="xiazai"><i></i>下载</a> ' +
            '<a href="javascript:;" class="huiyuan"><i></i>加入会员，预览、下载本文</a></div></div>'

    addimg(['./temporaryImg/guifanWORK.jpg'])
    function addimg(imgArr,fn){
        $.each(imgArr,function(i){
            var that = this;
            var ele = $(' <div class="read"></div>');
            ele.css({'backgroundImage':'url('+that+')','backgroundSize': '100%','height':850/ratio}).attr({'data-page':i+1,'data-if':1});
            ele.appendTo($('#articleCont'));
        })
        if(fn){
            fn()
        }
    }


    // 建造剩余盒子
    function buildBox(aa){
        var act_len = aa-$('#articleCont .read').length,ele,ii = 0,lestN = $('#articleCont .read:last').attr('data-page');
        if(act_len>=0){
            for(ii; ii<act_len;ii++ ){
                ele = $(' <div class="read"></div>');
                ele.css({'height':850/ratio}).attr({'data-page':lestN-0+ii+1,'data-if':0});
                ele.appendTo($('#articleCont'));
            }
            //阅读结束状态提示
            if(aa==totalPage){
                var noMoreHtml = '<div class="limitBox" id="logbox"><div class="limitText mt-50 mb-40">阅读已结束</div></div>';
                $(noMoreHtml).appendTo($('#articleCont'));
            }
            buildbool = true;
        }
    }



    //给予空盒子图片
    function giveimg(initN,imgArr,fn){
        var give_i=0,give_len = imgArr.length,tempele,tempele1,tempBun1;
        for(give_i; give_i<give_len;give_i++ ){
            tempBun1 = initN-0+give_i;
            tempele = $('#articleCont .read[data-page='+ tempBun1 +']');
            if(tempele.length==1){
                if(tempele.attr('data-if')==0){
                    tempele.css({'backgroundImage':'url('+imgArr[give_i]+')','backgroundSize': '100%','height':850/ratio}).attr({'data-if':1});
                }
            }else if(tempele.length==0){
                tempele1 = $(' <div class="read"></div>');
                tempele1.css({'backgroundImage':'url('+imgArr[give_i]+')','backgroundSize': '100%','height':850/ratio}).attr({'data-page':tempBun1,'data-if':1});
                tempele1.appendTo($('#articleCont'));
            }
        }
        if(fn){
            fn()
        }
    }

//    迷你登录后
    changeReadMore = function (){
        readMore(actpageNum,_URLB)
    };


    /*
     * 加载更多
     */
    function readMore(actpage,_URL){
        $.ajax({
            data:{pageNo:actpage,docId:docId},
            url:_URL,
            type: 'post',
            dataType: 'json',
            success: function (data) {
                _AjaxSuc(data)
            }
        })
    }
//         请求返回结果处理
    function _AjaxSuc(data){
        var codes = data.code- 0,initpageNub = data.msg;
        if(codes == 1000 || codes == 1001){
            giveimg(data.msg,data.result,function(){
                addbool=true;
                $('.limitBox').remove();//清空阅读状态栏
                buildBox(totalPage)
            });
            return;
        } else if(codes == 1002){
            if(data.result){
                giveimg(data.msg,data.result,function(){
                    addbool=true;
                });
            }
            $('.limitBox').remove();//清空阅读状态栏
            $(logHtml).appendTo($('#articleCont'));
            return;
        }
    }

    //判断当前页是否未加载
    function loadIS(n){
        var  tempele = $('#articleCont .read[data-page='+n+']');
        if(tempele.attr('data-if')==0){
            return true;
        } else {
            addbool=true;
            return false;
        }

    }

    //滚动加载
    function scrollpage(t){
        if(!buildbool){return;}//没有建造完盒子，就随它滚动去吧。
        if(addbool){ //上次请求是否完成
            addbool=false;
            var tempIs = actpageNum,gogo;
            if(rollNum<t){ //正翻
                tempIs = actpageNum +1;
                gogo = _URLB;
            } else { //倒翻
                tempIs = actpageNum -1;
                gogo = _URLT;
            }
            if(loadIS(tempIs)){
                readMore(actpageNum,gogo);
            };
        }
    }



    //阅读更多
    $('.articleBox').on('click','#readMoreBtn',function(){
        readMore(actpageNum,_URLB);
        buildBox(pageFree)

    })

    $(document).on('scroll',function(){
        var t =document.documentElement.scrollTop||document.body.scrollTop;
        scrollpage(t);
        rollNum = t;
    })



//    登录模拟
    $('.like').on('click',function(){
        new JudgeMiniLogin(function(data){
//            console.log(data);
            $('.like').html('<em></em>已关注').addClass('act')
        })
    })
    $('.addcomtBox button').on('click',function(){
        new JudgeMiniLogin(function(data){
        })
    })
    $('.limitBox a').on('click',function(){
        new JudgeMiniLogin(function(data){
        })
    })
})


</script>
</body>
</html>